@charset "utf-8";
/* CSS Document */
/*
 *
 * ━━━━━━神兽出没━━━━━━
 * 　　　┏┓　　　┏┓
 * 　　┏┛┻━━━┛┻┓
 * 　　┃　　　　　　　┃
 * 　　┃　　　━　　　┃
 * 　　┃　┳┛　┗┳　┃
 * 　　┃　　　　　　　┃
 * 　　┃　　　┻　　　┃
 * 　　┃　　　　　　　┃
 * 　　┗━┓　　　┏━┛Code is far away from bug with the animal protecting
 * 　　　　┃　　　┃    神兽保佑,代码无bug,兼容性强，永不修改
 * 　　　　┃　　　┃
 * 　　　　┃　　　┗━━━┓
 * 　　　　┃　　　　　　　┣┓
 * 　　　　┃　　　　　　　┏┛
 * 　　　　┗┓┓┏━┳┓┏┛
 * 　　　　　┃┫┫　┃┫┫
 * 　　　　　┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */


body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; border:0;}
body{font:12px "微软雅黑", "宋体","Arial Narrow" ,HELVETICA;background:#f4f5e5 url(../images/bj.jpg) repeat;-webkit-text-size-adjust:100%; line-height:100%;}
ul,li{list-style:none}
img{border:0;vertical-align: middle;}
a{color:#666;text-decoration:none}
a:hover{ color:#F00; text-decoration: none;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

/*首页开始*/

.top{ width:638px; height:266px; position:relative; margin:4% auto 0;}
.left{ width:266px; height:266px; position: relative; background:url(../images/q_01.png) no-repeat center center}
.right{width:266px; height:266px; position: relative; background:url(../images/q_02.png) no-repeat center center}

.lt{ width:100%; height:100%;  background:url(../images/q_bj.png) no-repeat;-webkit-animation:load 20s linear 1s infinite;
	-moz-animation:load 20s linear 1s infinite;
	-ms-animation:load 20s linear 1s infinite;
	-o-animation:load 20s linear 1s infinite;
	animation:load 20s linear 1s infinite;}
@-webkit-keyframes load{
	0%{
		transform: rotate(0);
		-ms-transform: rotate(0);		/* IE 9 */
		-webkit-transform: rotate(0);	/* Safari and Chrome */
		-o-transform: rotate(0);		/* Opera */
		-moz-transform: rotate(0);		/* Firefox */
	}
	100%{
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);		/* IE 9 */
		-webkit-transform: rotate(360deg);	/* Safari and Chrome */
		-o-transform: rotate(360deg);		/* Opera */
		-moz-transform: rotate(360deg);		/* Firefox */
	}
}
.lta{ width:100%; height:100%;  background:url(../images/q_bj.png) no-repeat;-webkit-animation:loada 20s linear 1s infinite;
	-moz-animation:loada 20s linear 1s infinite;
	-ms-animation:loada 20s linear 1s infinite;
	-o-animation:loada 20s linear 1s infinite;
	animation:loada 20s linear 1s infinite;}
@-webkit-keyframes loada{
	
	0%{
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);		/* IE 9 */
		-webkit-transform: rotate(360deg);	/* Safari and Chrome */
		-o-transform: rotate(360deg);		/* Opera */
		-moz-transform: rotate(360deg);		/* Firefox */
	}
	100%{
		transform: rotate(0);
		-ms-transform: rotate(0);		/* IE 9 */
		-webkit-transform: rotate(0);	/* Safari and Chrome */
		-o-transform: rotate(0);		/* Opera */
		-moz-transform: rotate(0);		/* Firefox */
	}
}

.nav{ width:324px; margin:4% auto 0;}
.nav li{ width:100%; height:82px; background:url(../images/nav.png) no-repeat; font-size:30px; color:#4c4d4d; margin-top:60px; text-align:center; line-height:72px; cursor:pointer;}
.nav li:hover{ color:#43b5a5;}


/*默认弹出样式*/
.tanchu{  position:fixed;width:0; height:0; top:50%; left:50%;background:rgba(0,0,0,0.5); z-index:50; border-bottom:1px solid #000000; overflow:hidden; }


/*.tanchu{  position:fixed;width:100%; height:100%; left:0; top:0; border:none;  background:rgba(0,0,0,0.5); z-index:50;  }
*/
/*弹出展开css3动画*/
.tc{ -moz-animation: line 1.5s ease normal forwards 1 ; -webkit-animation: line 1.5s ease normal forwards 1 ; -o-animation: line 1.5s ease normal forwards 1 ; animation: line 1.5s ease normal forwards 1 ;}

/*收起弹出css3动画*/
.tcb{-moz-animation: noline 1.5s ease normal forwards 1 ; -webkit-animation: noline 1.5s ease normal forwards 1 ; -o-animation: noline 1.5s ease normal forwards 1 ; animation: noline 1.5s ease normal forwards 1 ;}

/*显示白色背景2秒后显示*/
.tc .tc_bj{transition: all ease 1s 2s;-moz-transition: all ease 1s 2s;-webkit-transition:all ease 1s 2s;-o-transition: all ease 1s 2s; opacity:1; top:3%; left:50%; margin:0 0 0 -500px;}
.tc .tc_bj3{transition: all ease 1s 2s;-moz-transition: all ease 1s 2s;-webkit-transition:all ease 1s 2s;-o-transition: all ease 1s 2s; opacity:1;top:50%; left:50%;margin-top:-180px;margin-left:-155px;  }

/*隐藏白色背景0.5秒后消失*/
.tcb .tc_bj{transition: all ease 0.5s 0s;-moz-transition: all ease 0.5s 0s;-webkit-transition:all ease 0.5s 0s;-o-transition: all ease 0.5s 0s; opacity:0; }
.tcb .tc_bj3{transition: all ease 0.5s 0s;-moz-transition: all ease 0.5s 0s;-webkit-transition:all ease 0.5s 0s;-o-transition: all ease 0.5s 0s; opacity:0;top:50%; left:50%;margin-top:-180px;margin-left:-155px;  }

/*白色背景浮动层公共*/
.tc_bj{ width:1000px; height:94%;  background:#fafafa; position:relative; top:3%; left:50%; margin-left:-500px; overflow-x:hidden; opacity:1;}
.tc_bj3{ width:320px !important; height:360px !important; top:50%; margin-top:-180px;margin-left:-155px;overflow:hidden;}
.tc_bj3 #guanbi{top:50%;margin-top:-180px; right:50%;margin-right:-210px;}

/*关闭弹出层*/
#guanbi{ width:30px; height:30px; background: #FFFFFF url(../images/close.png) no-repeat; background-position:1px 1px;border-radius:15px;  position: fixed; right:50%; margin-right:-540px; top:3%; cursor:pointer;}

/*定义滚动条样式*/
.tc_bj::-webkit-scrollbar  
{  
    width: 4px;  
    height: 4px;  
    background: rgba(0,0,0,.1);  
}    
/*定义滚动条轨道 内阴影+圆角*/  
.tc_bj::-webkit-scrollbar-track  
{  
    background: rgba(0,0,0,.1);  
}    
/*定义滑块 内阴影+圆角*/  
.tc_bj::-webkit-scrollbar-thumb  
{   
    background: rgba(0,0,0,.5);  
}  

.mr{ width:100%; height:100%;display:none; }

.jianli{ }
.anli{}
.anli ul{ margin-top:36px;}
.anli li{ width:446px; height:420px; float: left; margin-left:36px; position:relative;}
.anli li a{ font-size:20px; display:block; width:100%; text-align:center; line-height:60px;}
/*.anli li img{width:446px; height:354px; border:1px #e2e2e2 solid; box-sizing:border-box;}*/
.anli li i{ width:100%; height:354px;  background: rgba(0,0,0,.2);  position:absolute; top:0; left:0;transition: all ease 0.5s 0s;-moz-transition: all ease 0.5s 0s;-webkit-transition:all ease 0.5s 0s;-o-transition: all ease 0.5s 0s;}
.anli li a:hover i{ background: rgba(0,0,0,0);transition: all ease 0.5s 0s;-moz-transition: all ease 0.5s 0s;-webkit-transition:all ease 0.5s 0s;-o-transition: all ease 0.5s 0s;}

.lianxi{}
#qrcode{ width:300px; margin:10px auto 0;}
.lianxi h1{ text-align:center; line-height:50px; font-size:16px;}
/*简历*/
 table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
          th,td{font-size:14px;padding:0}
          a{text-decoration:none}
          img{border:0 none}
          .blue{text-decoration:none;color:#3c3d5d}
          .chead{width:1002px}
          .chead .logo{width:698px;height:90px}
          .chead .txt{width:152px;height:90px}
          .column{width:1002px;line-height:28px;}
          .column .hbox{width:185px;height:154px}
          .column .head{display:block;background-color:#fafafa}
          .column .box{width:100%;background-color:#ffffff;border-top:2px solid #f2f3f5}
          .column .box1{width:100%;word-wrap:break-word;color:#ffffff;background-color:#04917d}
          .column .box2{width:100%;background-color:#f8f9fa}
          .column .tba{width:940px;padding:0 30px 15px}
          .column .tbb{width:940px;padding:0 30px}
          .column .tb1{width:900px;line-height:28px;color:#333333;word-break:break-all;padding:0 20px}
          .column .tb2{width:430px;padding:0 20px}
          .column .tb3{width:900px;padding:15px 20px 15px 0}
          .column .gray,.column .gray2{color:#999999;word-break:break-all}
          .column .gray2{color:#666666}
          .column .plate1,.column .plate2{width:430px;height:54px;font-size:16px;font-weight:bold;color:#04917d}
          .column .plate1{width:900px;padding:0 50px}
          .column .plate1 .f16{font-size:14px;font-weight:normal;color:#333333}
          .column .plate1 .f12{font-size:12px;font-weight:normal;color:#999999}
          .column .keys,.column .keys2{width:85px;line-height:28px;color:#666666}
          .column .keys2{width:110px}
          .column .txt1,.column .txt2,.column .txt3{width:815px;line-height:28px;color:#333333;word-break:break-all}
          .column .txt2{width:345px}
          .column .txt3{width:auto;max-width:815px;font-size:14px;font-weight:bold}
          .column .txt4{width:305px;color:#ffffff;word-break:break-all}
          .column .infr{width:767px;color:#ffffff;table-layout:auto}
          .column .vam,.column .grcha{vertical-align:middle;margin-left:5px}
          .column .box1 .vam{margin-right:5px;margin-left:0}
          .column .name{font-size:24px;padding-bottom:18px}
          .column .icard{color:#a1a3ae;padding-bottom:18px}
		  .column .icard a{ color:#FF0000; text-shadow:1px 0 1px #FFFFFF; font-weight:bold; font-size:15px;}
		  .column .icard a:hover{ text-decoration:underline;}
          .column .con{border-top:1px dotted #ddd}
          .column .pr20{width:225px;padding-right:20px}
          .column .time{width:120px;line-height:28px;color:#666666;padding-left:20px}
          .column .rtbox{width:765px;line-height:28px;color:#333333;padding:0 20px 0 15px;word-break:break-all}
          .column .hai,.column .guan{line-height:18px;font-size:12px;color:#ffffff;vertical-align:text-top;margin-left:5px;padding:1px 3px;background-color:#3cbe7f;border-radius:2px}
          .column .guan{background-color:#ff9f20}
          .column .tag{display:inline-block;word-break:break-all;#display:inline;#zoom:1}
          .column .all{color:#666;padding:10px 20px;background-color:#fafafa}
          .column .tit{width:900px;height:40px;color:#666666;padding:0 20px;background-color:#f5f5f5}
          .column .p15{padding:15px 0}
          .column .p5{display:inline-block;color: #FFFFFF;padding:0 15px;#display:inline;#zoom:1}
          .column .cell .skill{width:120px;text-align:right;padding-right:15px}
          .column .cell .skbg,.column .cell .skco{display:inline-block;width:290px;height:18px;line-height:18px;font-size:12px;color:#ffffff;vertical-align:top;margin-top:6px;background-color:#dddddd;border-radius:20px;#display:inline;#zoom:1}
          .column .cell .skco{width:280px;font-style:normal;margin-top:0;padding-left:10px;background-color:#ff9f20;z-index:3}
          .column .sl .skco{width:206px}
          .column .lh .skco{width:132px}
          .column .yb .skco{width:58px}
          .column .fbox strong{font-size:14px;font-weight:bold}
          .column .cha{font-size:12px;font-weight:normal;color:#2d64b3;margin-left:5px}
          .column .cha:hover{color:#ff6000}
          .column .email{width:330px}
          .column .email .vam{}

            .eng td,.eng .txt3,.eng .fbox strong{font-size:13px;font-family:'Arial'}
          .eng .txt1,.eng .rtbox,.eng .phd{width:775px;font-size:13px;font-family:'Arial';line-height:28px}
          .eng .txt2{width:305px}
          .eng .txt4{width:245px}
          .eng .cell .txt3{width:120px}
          .eng .time,.eng .keys{width:110px;font-size:13px;text-align:right}
          .eng .cell .skill{width:110px}
          .eng .phd{padding-left:145px}
          .eng .keys{padding-right:15px}
          .eng .pr20 .keys{width:100px}
          .eng .email{width:270px}

/*展开层*/
@-webkit-keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}
@keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}
@-moz-keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}
@-o-keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}

/*555555555555555555555555555555*/

@-webkit-keyframes noline {
	0% { width:100%; height:100%; left:0; top:0; border-top:1px solid #000000; border-bottom:1px solid #000000;  }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
}
@keyframes noline {
	0% { width:100%; height:100%; left:0; top:0; border-top:1px solid #000000; border-bottom:1px solid #000000;  }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
}
@-moz-keyframes noline {
	0% { width:100%; height:100%; left:0; top:0; border-top:1px solid #000000; border-bottom:1px solid #000000;  }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
}
@-o-keyframes noline {
	0% { width:100%; height:100%; left:0; top:0; border-top:1px solid #000000; border-bottom:1px solid #000000;  }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
	100% { width:0; height:0; left:50%; top:50%; border-top:1px solid #000000; border-bottom:1px solid #000000; }
}








#flash{ width:100%; height:100%; position:fixed; top:0; z-index:-1; text-align:center;}
#flash embed{ width:100%; height:auto;}

#flash i{ width:25px; height:25px; display: block; background:#f4f5e5; position:fixed; top:0; left:0px;}








